/*reset*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;background: transparent ;border: 0;outline: 0;}
.clearfix,.clear{clear: both;}
body{min-width: 1300px;font-size: 16px;color: #666;font-family:"Microsoft YaHei";}
li{list-style:none;}
h1{margin-top: 13px;font-size: 17px;line-height:30px;}
body,
table,
input, textarea, select, option {line-height: 2;}
.clear{clear:both;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
a {color: #2b2b2b;text-decoration: none;}
a:hover{color:#FCB501}
.clearfix{clear: both;}
.c:after{display: block;content: '';clear: both;}
.box1200{max-width: 1200px;margin: 0 auto;}
.fl{float: left;}
.fr{float: right;}
.tl{text-align: left;}
.tr{text-align: right;}
.box1200:after,.c:after{display: block;content:'';clear:both;}
i,em{font-style:normal;}
/*top*/
#top{
    line-height:  35px;
    font-size: 14px;
    background:  #D2D2D2;
}
.topL{}
.topR{}
.topR a{
}
/*head*/
#head{
    line-height: 129px;
}
.headL{}
.headL img{
    vertical-align:  middle;
}
.headL2{
    line-height: 30px;
    margin-left: 20px;
    padding-left: 20px;
    border-left: 1px solid #333;
    margin-top: 40px;
    color: #333;
}
.headR{
    line-height: 30px;
    background:  url(../images/common/tel.jpg) no-repeat 0 center;
    padding-left: 55px;
    margin-top: 33px;
    float: left;
    margin-right: 20px;
}
.headR span{
    font-size: 25px;
    font-weight:  bold;
    color:  #016ED3;
}
.headR2{
    overflow: hidden;
}
.headR2 img{
    float: left;
    width: 100px;
    height: 100px;
    margin-top: 20px;
    margin-right: -1px;
}
/* nav */
#nav{
  filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#fff',endColorStr='#D7D7D7',gradientType='0');
  background: -webkit-linear-gradient(top,#fff,#D7D7D7); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(top,#fff,#D7D7D7); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(top,#fff,#D7D7D7); /* Firefox 3.6 - 15 */
  background: linear-gradient(#fff,#D7D7D7);
  line-height:  50px;
  text-align:  center;
}
#nav>li{
    display:  inline-block;
    *display:inline;
}
#nav>li>a{
    display:  block;
    width: 145px;
}
#nav>li>a:hover,#nav>li:first-child>a{
    background: #013E8E;
    color: #fff;
}
.outul{
    position:  relative;
}
.outul:hover .inul li a{height:40px;}
.inul{
    position:  absolute;
    z-index: 2;
    min-width:  100%;
    background: #ccc;
}
.inul li:nth-child(5){display: none;}
.inul li{
    position:  relative;
}
.inul li a{
    display:  block;
    transition: 0.3s all;
    height: 0;
    overflow:  hidden;
    line-height:40px;
}
.inul>li:hover{background:#333}
.inul>li:hover>a{color:#fff;}
.erji{
    position:  absolute;
    left: 145px;
    width: 150%;
    background: #c5c5c5;
    display:none;
    top: 0;
}
.erji a:hover{background:#333}
.inul>li:hover .erji{display:block}
/*banner*/
.slideBox{width:100%;/* height:600px; */overflow:hidden;position:relative;}
.slideBox .hd{height:20px;overflow:hidden;position:absolute;left:  50%;bottom:5px;z-index:1;margin-left:  -27px;}
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{float:left;margin-right: 7px;width:20px;height:20px;line-height:14px;text-align:center;background:#fff;cursor:pointer;border-radius:  50%;}
.slideBox .hd ul li.on{ background:#006FD5;}
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{zoom:1;width:100%;/* height: 600px; */}
.slideBox .bd li img{max-width:100%;display: block;}
/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next{position:absolute;left:3%;top:50%;margin-top: -36px;display:block;width: 73px;height: 74px;filter:alpha(opacity=50);opacity:0.5;}
.slideBox .prev{
    background: url(../images/common/hover_left.png) no-repeat center;
}
.slideBox .next{left:auto;right:3%;background: url(../images/common/hover_right.png) no-repeat center;}
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }


/*contact*/
#contact{
    overflow:  hidden;
    height: 400px;
    background:  url(../images/common/ditu.jpg) center no-repeat;
}
.contactbt{
    text-align:  center;
    font-size: 33px;
    font-weight:  bold;
    color:  #000;
    margin: 38px 0 0 0;
    background: url(../images/index/1_14.jpg) no-repeat center 56px;
    padding-bottom: 21px;
}
#contact ul{
    margin-top: 59px;
}
#contact ul li{
    width:  300px;
    float:  left;
    text-align:  center;
}
#contact ul li span{}
#contact ul li span img{
}
#contact ul li p{
    color:  #000;
}


/*foot*/
#foot{
    color:  #fff;
    background: #29282E;
}
.foot-top{
    padding: 41px 0 33px 0;
    border-bottom: 1px solid #171717;
}
.bot-nav{
    width: 180px;
    margin: 0 0 0 40px;
    padding-left: 16px;
}
.bot-nav a{
    width:  50%;
    float:  left;
    font-size: 14px;
}
.bot-qa img{
    max-width: 125px;
    display:  block;
}
.bot-prolist{
    margin: 0 93px 0 118px;
}
.bot-prolist a{
    line-height: 30px !important;
    font-size: 14px;
}
.bot-qa{
    width: 125px;
    margin: 9px 0 0 83px;
    padding: 14px 0 0 107px;
}
.bot-qa p{line-height: 22px;font-size:  14px;text-align:  center;color: #C1C1C1;}
.bot-qa p:before{display: none !important;}
.foot-top>div{
    float:  left;
}
.foot-top>div>p{
    font-size:  15px;
    position:  relative;
}
.foot-top>div>p:before{display:block;content:'';width: 8px;height: 2px;background:  #fff;position:  absolute;top: 15px;left: -15px;}
.foot-top>div>a{
    color: #C1C1C1;
    display: block;
    line-height: 36px;
}
.bot-b{
    margin-top:  3px;
    border-top:  1px solid #4A4A4A;
    line-height: 55px;
}
.bot-b span{float:right;}
.shangmeng{
    line-height:  70px;
    font-size:  16px;
    border-top: 1px solid #4A4A4A;
}
.shangmeng a{color:#fff}
.shangmeng a:after{content:' | '}
.shangmeng a:last-child:after{content:''}


#alttxt{border-radius: 5px;box-shadow: 0px 0px 15px #aaa;background: #FFF;border: 1px #ddd solid;font-size:12px;padding:10px;z-index:1000;position:absolute;display:none;}


.ec--cs-wrapper .ec--cs-root{width:auto !important}

.foot_r{display:none;position: fixed;right: 0;top: 50%;background:  #fff;padding:  10px;margin-top: -80px;z-index: 3;border: 1px solid #c5c5c5;border-right: 0;}
.foot_r img{width:100px;}